<template>
	<div>
		<!-- 主页头部 -->
		<div class="mb-5">
			<Header></Header>
		</div>
		
		<!-- 主页帖子展示部分 -->
		<div class="container">
			<!-- 根组件 App.vue 的占位符 -->
			<router-view :key="this.$route.fullPath"></router-view>
		</div>

		<div>
			<Footer></Footer>
		</div>
	</div>
</template>

<script>
import Header from "@/components/Layout/Header";
import Footer from "@/components/Layout/Footer";

export default {
	name: "App",
	
	components: { 
		Header, // 布局: Header
		Footer // 布局: Footer
	}
};
</script>

<style scoped>
.container {
  min-height: 500px;
}
</style>
